Skip to content

安卓酷炫加载 等待动画弹窗 可自定义大小 颜色 样式 ​

插件 ID: 20313
来源: https://ext.dcloud.net.cn/plugin?id=20313
多种加载样式可选,等待对话框,大小设置,样式设置等


更新记录 ​

​

                                                    1.04(2024-11-12)
                                                                                                                [
                                                            下载此版本
                                                        ](javascript:void(0))

修改单击旁白区域不可点击取消问题

​

                                                    1.0.3(2024-10-24)
                                                                                                                [
                                                            下载此版本
                                                        ](javascript:void(0))

修改uniapp 报错问题

​

                                                    1.0.2(2024-09-26)
                                                                                                                [
                                                            下载此版本
                                                        ](javascript:void(0))

修复已知bug 查看更多

平台兼容性 ​

uni-app ​

| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 | | | √ | √ |

  • |
  • |
  • |
  • | 4.4 | × |
  • | | | 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 | | | × | × | × | × | × | × |
  • | × | × |
  • | × | × | |

uni-app x ​

| Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 | | |

  • |
  • | 5.0 | × |
  • | × | |

android-loadingdialoig ​

uniapp ​

    import { AppLoadingDialog } from "@/uni_modules/android-loadingdialoig"
    var dialog=new AppLoadingDialog(false,false);// 参数1  是否可取消  参数2 单击旁边区域是否取���
     dialog.setAnimName("BallClipRotatePulseIndicator","#ffffff")
     dialog.show();

uniappx ​

    import { AppLoadingDialog } from "@/uni_modules/android-loadingdialoig"
    var dialog=new AppLoadingDialog(false,false);// 参数1  是否可取消  参数2 单击旁边区域是否取消
     dialog.setAnimName("BallClipRotatePulseIndicator","#ffffff")
     dialog.show();

加载对话框api ​

显示加载弹窗 ​

show ​

取消弹窗 ​

dismiss ​

设置背景 ​

setBg ​

参数1 背景颜色 16进制 string 参数2 圆角度 number 参数3 透明度 0-1 number

设置动画名称,颜色 ​

setAnimName ​

参数1 动画名称 上面的name string

name可为 ​

["BallPulseIndicator",
"BallGridPulseIndicator",
"BallClipRotateIndicator",
"BallClipRotatePulseIndicator",
"SquareSpinIndicator",
"BallClipRotateMultipleIndicator",
"BallPulseRiseIndicator",
"BallRotateIndicator",
"CubeTransitionIndicator",
"BallZigZagIndicator",
"BallZigZagDeflectIndicator",
"BallTrianglePathIndicator",
"BallScaleIndicator",
"LineScaleIndicator",
"LineScalePartyIndicator",
"BallScaleMultipleIndicator",
"BallPulseSyncIndicator",
"BallBeatIndicator",
"LineScalePulseOutIndicator",
"LineScalePulseOutRapidIndicator",
"BallScaleRippleIndicator",
"BallScaleRippleMultipleIndicator",
"BallSpinFadeLoaderIndicator",
"LineSpinFadeLoaderIndicator",
"TriangleSkewSpinIndicator",
"PacmanIndicator",
"BallGridBeatIndicator",
"SemiCircleSpinIndicator"]

参数2 颜色 16进制 string

设置弹框大小 ​

setContentSize ​

参数1 宽度 number 参数2 高度 number

设置动画大小 ​

setAnimSize ​

参数1 大小 number

设置文字到动画的大小 ​

setTextMarign ​

参数1 间距 number

设置提示文字 ​

setText ​

参数1 文字内容 string 参数2 文字颜色 16进制 string 参数3 文字大小 number

开发文档 ​

UTS 语法UTS API插件UTS 组件插件Hello UTS

MIT Licensed